<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="sider.css">
</head>

<body>
    <div class="page">
        <div class="sidebar">
            <h2>橙子之家</h2>
            <a href="home.html">首页</a>
            <a href="pageOne.html">栽培技术</a>
            <a href="pageTwo.html">药用价值</a>
            <a href="PageThree.html">相关知识</a>
            <a href="PageFour.html">新鲜橙子</a>
            <a href="pageFive.html">留言板</a>
        </div>

        <!-- 药用价值区域 -->
        <div class="content">
            <div class="content-container">
                <!-- 顶部图片区域 -->
                <div class="img">
                    <div class="imgContainer">
                        <img src="./assert//img/origin6.jpg" alt="">
                    </div>
                </div>
                <!-- 文字描述区域 -->
                <div class="txt">
                    <h2>药用价值</h2>
                    <p>柑橘类水果是水果第一大家族，包括橘子、橘子、柚子、葡萄柚、金桔、柠檬等多个品种。其中橘子传统上被视为西方膳食当中维生素C的重要来源，也能提供相当数量的胡罗卜素和钾、镁、铁等矿物质。</p>
                    <p>柑橘类水果能够抗氧化，强化免疫系统，抑制肿瘤细胞生长，并使肿瘤细胞转变成正常细胞。澳大利亚的科学家称，在所有的水果当中，柑橘类中所含的抗氧化物质最高，其中有170种以上的植物化学物质使得柑橘类水果对多种癌症的发生具有制约作用。
                    </p>
                    <p>实际上，柑橘类水果并不是每一种营养含量都非常高。若论钾、镁、铁等矿物质含量和维生素C的含量，比不上鲜枣；若论黄酮类物质的含量，比不上山楂；若论类胡罗卜素的含量，比不上木瓜和芒果。然而，柑橘类水果产量大、价格便宜、四季可食，在膳食中的营养价值受到人们的更多重视。柑橘类水果的营养共享性很强，价格高的、进口的品种并不就比价格便宜的国产产品营养价值更好。
                    </p>
                    <p>柑橘类水果的果皮里含有大量果胶，其中的芳香油有开胃效果，橘瓣肉中含有大量膳食纤维，橘络有止咳化痰的效果。然而，这并不意味著没有咽喉痛和食欲不振问题的人也不需要吃橘皮和橘络。</p>
                    <p>柑橘类水果也不宜多食用。只有在营养平衡的基础上，各种食物对健康的促进效果才能充分体现出来。不能因为本来爱吃橘子，因为追求营养更是每天都要吃上几斤，那样容易患上“橘皮病”，使人皮肤发黄，空腹吃大量柑橘类水果还会对胃产生刺激作用。
                    </p>
                    <p>最后需要注意的问题是：如果仅仅喝橙汁，橘子的保健效果就会大打折扣。因为在加工橙汁的过程中，维生素C、黄酮类物质和类胡罗卜素损失很多，而果胶以外的其他膳食纤维几乎就全部损失了。</p>
                </div>
            </div>
        </div>
    </div>
</body>
<style>
    .page {
        /* display: flex; */
        background-color: #faf7ef;

    }

    /* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
    /* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
    @font-face {
        font-family: "Thin";
        src: url("./assert/font/lcpN4rU8LZcQ/hqNB0HSXIaJL.woff2") format("woff2"),
            url("./assert/font/lcpN4rU8LZcQ/hqNB0HSXIaJL.woff") format("woff");
        /* src: url("./assert/font/4q8TlRenPQls/PHqPuFNhSOqo.woff2") format("woff2"), */
        /* url("./assert/font/4q8TlRenPQls/PHqPuFNhSOqo.woff") format("woff"); */
        font-display: swap;
    }

    /* webSite/assert/font/lcpN4rU8LZcQ/hqNB0HSXIaJL.woff */
    /* webSite/assert/font/uGFLnLcckjCC/Z1eaFFZZPDjN.woff */
    .content {
        background: url(./assert/img/bg3.png) no-repeat center;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    .content .content-container {
        height: 100%;
        width: 70%;
        /* background-color: pink !important; */

    }

    .content .img {
        height: 42%;
        width: 100%;
        /* justify-content: center;
        align-items: center;
        display: flex; */
    }

    .content .img .imgContainer {
        height: 100%;
        width: 40%;
    }

    .content .img .imgContainer img {
        height: 100%;
        width: 100%;
    }

    .content .txt {
        height: 58%;
        width: 100%;
        /* background-color: palevioletred; */
        margin-top: 6px;
    }

    .txt {
        font-family: Arial, sans-serif;
        color: #333;
        /* 文字颜色 */
        padding-top: 30px;
    }

    .txt h2 {
        margin-top: 1%;
        font-size: 28px;
        /* 主标题字体大小 */
        color: #FF6600;
        /* 主标题颜色 */
    }

    .txt h3 {
        font-size: 24px;
        /* 副标题字体大小 */
        color: #CC3300;
        /* 副标题颜色 */
    }

    .txt p {
        font-size: 20px;
        /* 段落字体大小 */
        color: #555;
        /* 段落颜色 */
        padding-top: 10px;
    }

    .txt ul {
        font-size: 20px;
        /* 列表字体大小 */
        color: #444;
        /* 列表颜色 */
        padding-top: 10px;
    }

    .txt ul li {
        padding-top: 10px;
    }
</style>

</html>